.my-main{
    background-color: #e8e8e8;
}
.userName{
    background-color: #fff;
    height: 210px;
    .userimg{
        width: 120px;
        height: 120px;
        border-radius: 60px;
        border: 2px solid #005177;
        position: relative;
        .head-portrait{
            width: 100%;
            height: 100%;
            border-radius: 60px;

        }
        .vip{
            position: absolute;
            bottom: 0;
            right: 0;
            color: red;
        }
    }
    .name{
        font-size: 20px;
        align-self: center;
    }
    .signature{
        font-size: 18px;
        color: #8a8a8a;
    }
}

/*运动数据*/
.rundata{
    height: 150px;
    background-color: #fff;
    .datatop{
        justify-content: space-between;
        
        .shuju{
            color:#4294FF  ;
            font-size: 18px;
        }
    }

    .rundata-buttom{
        .all{
            .alllog{
                font-size: 16px;
                color: #8a8a8a;
            }
            p{
               font-size: 14px; 
               text-align: center;
               span{
                   font-size: 40px;
                   color:#4294FF ;
               }
            }

        }
    }
}


/* 我的徽章*/
.mybadge{
    height: 170px;
    background-color: #fff;
    .datatop{
        justify-content: center;
        
        .shuju{
            color:#4294FF  ;
            font-size: 18px;
        }
    }
    .badges{
        justify-content: space-between;
        .badge{
            width: 100px;
            height: 100px;
            border: 1px solid #bbb;
            border-radius: 50px;
            margin-top: 20px;;
          
        }
    }


}


.logout{
    width: 100%;
    height: 50px;
    background-color: #fff;
    font-size: 18px;
    color:#4294FF ;
    text-align: center;
    line-height: 50px;
}